<template>
  <div class="solution-css">
    <Card class="header-no-top">
      <Row class="card-row">
        <Col :span="3" :offset="1"><div>项目名称：</div></Col>
        <Col :span="20"><div>达梦数据库功能性测试</div></Col>
      </Row>
      <Row class="card-row">
        <Col :span="3" :offset="1"><div>项目编码：</div></Col>
        <Col :span="20"><div>20220412333</div></Col>
      </Row>
      <Row class="card-row">
        <Col :span="3" :offset="1"><div>项目介绍：</div></Col>
        <Col :span="20"
          ><div>
           我是内容我是内容我是内容，我是内容我是内容我是内容我是。内容我是内容我是内，容我是内容我是内容我是内容我。我是内容我是内容我是内容我是内容我是内容，我是内容我是内容我是内容。我是内容我是内容我是内容。我是内容我是内容我是内容，我是内容我是内容我是内容我是。内容我是内容我是内，容我是内容我是内容我是内容我。我是内容我是内容我是内容我是内容我是内容，我是内容我是内容我是内容。我是内容我是内容我是内容。
          </div></Col
        >
      </Row>
    <Row class="card-row">
        <Col :span="3" :offset="1"><div>产品名称：</div></Col>
        <Col :span="20"><div>达梦数据库V1.0安全版</div></Col>
      </Row>
       <Row class="card-row">
        <Col :span="3" :offset="1"><div>占用资源：</div></Col>
        <Col :span="20"><div>虚拟机---192.168.33.18</div></Col>
      </Row>
       <Row class="card-row">
        <Col :span="3" :offset="1"><div>项目开始时间：</div></Col>
        <Col :span="20"><div>2022年05月23日</div></Col>
      </Row>
    </Card>
    <Card title="进度填报-金仓高可用解决方案">
         <Table
         :pagination="false"
      :columns="columns3"
      :dataSource="data"
      :bordered="false"
      rowKey="id"
    >
    </Table>
    </Card>
    <Card title="项目完成">
 <Form name="user" ref="form" :labelCol="labelCol" :wrapperCol="wrapperCol">
      <Row>
        <Col :span="12" :offset="5">
          <FormItem name="resourceIpw" label="项目报告">
            <Upload></Upload>
          </FormItem>
        </Col>
      </Row>
      <Row>
        <Col :span="12" :offset="5">
          <FormItem name="resourceType" label="完成时间">
            <Input placeholder="请输入工具名称" style="width: 100%" />
          </FormItem>
        </Col>
      </Row>
      <Row>
        <Col :span="12" :offset="5">
          <FormItem name="resourceIps" label="结果描述">
               <TextArea
              placeholder="请输入"
              style="width: 100%;"
              allowClear
              @input="onInput"
            />
          </FormItem>
        </Col>
      </Row>
 
      <Row>
        <Col :span="24">
          <FormItem :wrapperCol="24" style="text-align: center">
            <Button type="primary" size="md" style="width: 100px;">提交</Button>
            <Button style="margin-left: 20px;width: 100px;" size="md">取消</Button>
          </FormItem>
        </Col>
      </Row>
    </Form>
    </Card>
  </div>
</template>

<script>
import Upload from '@/components/upload/index'
export default {
   components: {
    Upload
  },
  data() {
    return {
          labelCol: {
        span: 8,
      },
      labelColW: {
        span: 4,
      },
      wrapperCol: {
        span: 12,
      },
       wrapperColW: {
        span: 18,
      },
      data: [
        {
          id: "1",
          itemName: "应用评估",
          itemNumber: "应用评估阶段的描述",
          hardware: "（5）",
          dataBaseType: "2022年5月2日",
          opertion: '修改'
        },
        {
          id: "2",
          itemName: "应用评估",
          itemNumber: "应用评估阶段的描述",
          hardware: "（5）",
          dataBaseType: "2022年5月2日",
          opertion: '修改'
        },
        {
          id: "3",
          itemName: "应用评估",
          itemNumber: "应用评估阶段的描述",
          hardware: "（5）",
          dataBaseType: "2022年5月2日",
          opertion: '修改'
        },
      ],
      columns3: [
        { title: "编号", dataIndex: "id", key: "id" },
        { title: "步骤", dataIndex: "itemName", key: "itemName" },
        {
          title: "简单描述",
          dataIndex: "itemNumber",
          key: "itemNumber",
        },
        {
          title: "附件",
          dataIndex: "hardware",
          key: "hardware",
        },
        {
          title: "完成时间",
          dataIndex: "dataBaseType",
          key: "dataBaseType",
        },
        {
          title: "操作",
          dataIndex: "dataBaseType",
          key: "dataBaseType",
        }
      ],
    }
  },
  methods: {
  }
};
</script>

<style lang="scss" scoped>
.solution-css {
  margin: 10px;
}

.uni-card {
  width: 100%;
  margin-bottom: 10px;
}
::v-deep .header-no-top {
  .uni-card-title {
    min-height: 0;
    padding: 0;
  }
  .uni-card-content {
    padding-top: 10px;
  }
  .tag-bm {
      justify-content: center;
      width: 100px;
      margin-right: 10px;
  }
}
 .card-row {
    margin-bottom: 20px !important;
}
.list-color{
    color: rgba(245, 154, 35, 0.650980392156863);
}
.list-bm {
    margin-bottom: 10px;
}
</style>